<%--
  Created by IntelliJ IDEA.
  User: Administrator
  Date: 2020/5/6 0006
  Time: 19:06
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%String path = request.getContextPath();%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<html class="no-js" lang="en">

<head>
    <meta charset="utf-8">
    <meta http-equiv="x-ua-compatible" content="ie=edge">
    <title>招聘网站</title>
    <meta name="robots" content="noindex, follow" />
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta http-equiv="Pragma" content="no-cache">
    <meta http-equiv="Cache-Control" content="no-cache">
    <meta http-equiv="Expires" content="0">

    <!-- Favicon -->
    <link rel="shortcut icon" type="image/x-icon" href="<%=path%>/assets/images/favicon.png">

    <!-- CSS
	============================================ -->

    <!-- Bootstrap CSS -->
    <link rel="stylesheet" href="<%=path%>/assets/css/vendor/bootstrap.min.css">

    <!-- Icon Font CSS -->
    <link rel="stylesheet" href="<%=path%>/assets/css/vendor/font-awesome.min.css">
    <link rel="stylesheet" href="<%=path%>/assets/css/vendor/flaticon.css">

    <!-- Plugins CSS -->
    <link rel="stylesheet" href="<%=path%>/assets/css/plugins/slick.css">

    <!-- Main Style CSS -->
    <link rel="stylesheet" href="<%=path%>/assets/css/style.css">

    <link rel="stylesheet" href="<%=path%>/assets/css/myCss.css">
    <style type="text/css">
        .form-inline-input{padding-left: 110px;}
        .form-inline-input input,
        .code-box{
            padding: 0 10px;
            width: 300px;
            height: 40px;
            color: #fff;
            text-shadow: 1px 1px 1px black;
            background: rgba(0, 0, 0, 0.16);
            border: 0;
            border-radius: 5px;
            outline: none;
            box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.06);
        }
        .code-box{
            position: relative;
        }
        .code-box p,
        .code-box span{
            display:block;
            position: absolute;
            left: 0;
            height: 40px;
            text-align: center;
            line-height: 40px;
            border-radius: 5px;
        }
        .code-box span{
            width: 40px;
            background-color:#fff;
            font-family: "宋体";
            font-size: 16px;
            cursor: pointer;
        }
        .code-box p{
            width: 0;
            background-color: #FFFF99;
            overflow: hidden;
            text-indent: -20px;
            transition: background 1s ease-in;
        }
        .code-box .code-input{
            display: none;
        }


    </style>

</head>

<body>

<header class="header">
    <div class="container">
        <div class="row justify-content-between align-items-center">

            <!-- Header Logo Start -->
            <div class="col">
                <div class="header-logo">
                    <a href="<%=path%>/web/index"><img src="<%=path%>/assets/images/logo/logo-light.png" alt="Site Logo"></a>
                </div>
            </div><!-- Header Logo End -->

            <!-- Offcanvas Toggle Start -->
            <div class="col-auto d-lg-none d-flex align-items-center">
                <button class="offcanvas-toggle">
                    <span></span>
                </button>
            </div>
            <!-- Offcanvas Toggle End -->

            <!-- Header Links Start -->
            <div class="header-links col-auto order-lg-3">
                    <c:if test="${sessionScope.person!=null}">
                        <a style="text-decoration: none" href="${pageContext.servletContext.contextPath}/web/person/personPic" >
                            <c:if test="${sessionScope.person.pic==null||sessionScope.person.pic==0}">
                                <img src="<%=path%>/static/images/web/uploadimages/0.jpeg" id="relTouXiang" style="width: 40px"/>
                            </c:if>
                            <c:if test="${sessionScope.person.pic!=0}">
                                <img src="<%=path%>/static/images/web/uploadimages/${sessionScope.person.pic}" id="relTouXiang" style="width: 40px"/>
                            </c:if>
                        </a>
                    <nav  class="main-menu col-lg-auto order-lg-2">
                        <ul>
                            <li class="has-children">
                                <a href="#" data-target="#loginSignupModal" style="text-decoration: none">
                                        &nbsp;${sessionScope.person.personName}
                                </a>
                                <ul class="sub-menu">
                                    <li>
                                        <a href="${pageContext.servletContext.contextPath}/web/person/personInfo" target="_blank">
                                        修改个人基本信息
                                        </a>
                                    </li>
                                    <li><a href="${pageContext.servletContext.contextPath}/web/person/personResumeNum" target="_blank">个人简历</a></li>
                                    <li><a href="${pageContext.servletContext.contextPath}/web/person/personChangePassword" target="_blank">修改账号和密码</a></li>
                                    <li><a href="${pageContext.servletContext.contextPath}/web/news/personNews" target="_blank">个人消息</a></li>
                                    <li><a href="${pageContext.servletContext.contextPath}/web/news/systemNews" target="_blank">系统消息</a></li>
                                    <li>
                                        <a href="${pageContext.servletContext.contextPath}/web/person/exit" data-target="#loginSignupModal">
                                            退出登录
                                        </a>
                                    </li>
                                </ul>
                            </li>
                        </ul>
                    </nav>
                    <span>&nbsp;</span>

                </c:if>
                <c:if test="${sessionScope.person==null}">
                    <a href="#" data-toggle="modal" data-target="#loginSignupModal" data-target-sub="#login">登录</a>
                    <span>或</span>
                    <a href="#" data-toggle="modal" data-target="#loginSignupModal" data-target-sub="#signup">注册</a>
                </c:if>
            </div>
            <!-- Header Links End -->

            <!-- Header Menu Start -->
            <nav id="main-menu" class="main-menu col-lg-auto order-lg-2">
                <ul>
                    <li class="has-children"><a href="<%=path%>/web/index">主页</a>
                        <ul class="sub-menu">
                            <li><a href="<%=path%>/web/index">主页一</a></li>
                            <li><a href="<%=path%>/web/index2">主页二</a></li>
                        </ul>
                    </li>
                    <li class="has-children"><a href="<%=path%>/web/job/list">职位</a>
                        <ul class="sub-menu">
                            <li><a href="<%=path%>/web/job/list">职位列表</a></li>
                            <li><a href="<%=path%>/web/job/myCollect">我的收藏</a></li>
                        </ul>
                    </li>
                    <li><a href="<%=path%>/web/company/companyList">公司</a>
                        <ul class="sub-menu">
                            <li><a href="<%=path%>/web/company/companyList">公司列表</a></li>
                            <li><a href="<%=path%>/web/company/manage/companyInfo">我的公司</a></li>
                        </ul>
                    </li>
                    <li><a href="#">页面</a>
                        <ul class="sub-menu">
                            <li><a href="about-us.html">关于我们</a></li>
                            <li><a href="faq.html">常见问题</a></li>
                            <li><a href="pricing.html">价格</a></li>
                        </ul>
                    </li>
                    <li><a href="<%=path%>/web/blog">博客</a>
                        <%--<ul class="sub-menu">
                            <li><a href="blog.html">博客</a></li>
                            <li><a href="blog-right-sidebar.html">博客右边栏</a></li>
                            <li><a href="blog-single.html">单个博客</a></li>
                        </ul>--%>
                    </li>
                    <li><a href="contact.html">联系我们</a></li>
                </ul>
            </nav>
            <!-- Header Menu End -->

        </div>

    </div>
</header>


<!--Offcanvas Section Start-->
<div id="offcanvas" class="offcanvas-section">
    <button class="offcanvas-close" data-target="#offcanvas">&times;</button>
    <div class="offcanvas-wrap">
        <div class="inner">

            <!-- Offcanvas user Start -->
            <div class="offcanvas-user">
                <a href="#" data-toggle="modal" data-target="#loginSignupModal" data-target-sub="#login">登录</a>
                <span>或</span>
                <a href="#" data-toggle="modal" data-target="#loginSignupModal" data-target-sub="#signup">注册</a>
            </div>
            <!-- Offcanvas user End -->

            <!-- Offcanvas Menu Start -->
            <div class="offcanvas-menu">
                <nav>
                    <ul>
                        <li class="has-children"><a href="<%=path%>/web/index">主页</a>
                            <ul class="sub-menu">
                                <li><a href="<%=path%>/web/index">主页一</a></li>
                                <li><a href="<%=path%>/web/index2">主页二</a></li>
                            </ul>
                        </li>
                        <li class="has-children"><a href="<%=path%>/web/job/list">职位</a>
                            <ul class="sub-menu">
                                <li><a href="<%=path%>/web/job/list">职位列表</a></li>
                                <li><a href="<%=path%>/web/job/myCollect">我的收藏</a></li>
                            </ul>
                        </li>
                        <li><a href="<%=path%>/web/company/companyList">公司</a>
                            <ul class="sub-menu">
                                <li><a href="<%=path%>/web/company/companyList">公司列表</a></li>
                                <li><a href="<%=path%>/web/company/manage/companyInfo">我的公司</a></li>
                            </ul>
                        </li>
                        <li><a href="#">页面</a>
                            <ul class="sub-menu">
                                <li><a href="about-us.html">关于我们</a></li>
                                <li><a href="faq.html">常见问题</a></li>
                                <li><a href="pricing.html">价格</a></li>
                            </ul>
                        </li>
                        <li><a href="blog.html">博客</a>
                            <ul class="sub-menu">
                                <li><a href="blog.html">博客</a></li>
                                <li><a href="blog-right-sidebar.html">博客右边栏</a></li>
                                <li><a href="blog-single.html">单个博客</a></li>
                            </ul>
                        </li>
                        <li><a href="contact.html">联系我们</a></li>
                    </ul>
                </nav>
            </div>
            <!-- Offcanvas Menu End -->

        </div>
    </div>
</div>
<!--Offcanvas Section End-->
<!--OffCanvas Overlay-->
<div class="offcanvas-overlay"></div>


<div class="loginSignupModal modal fade" id="loginSignupModal" tabindex="-1" role="dialog" aria-labelledby="loginSignupModal" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered" role="document" style=" width: 100%;height: 100%;">
        <div class="modal-content" style="height:80%;width: 100%">
            <div class="modal-header">

                <ul class="loginSignupNav nav">
                    <li><a class="nav-link active" data-toggle="tab" href="#login">登录</a></li>
                    <li><a class="nav-link" id="register" data-toggle="tab" href="#signup">注册</a></li>
                </ul>

                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>

            </div>
            <div class="modal-body">
                <div class="tab-content" id="myTabContent">
                    <div class="tab-pane fade show active" id="login">
                        <form class="box" action="${pageContext.servletContext.contextPath}/web/person/personLogin" method="post" id="myform" >
                            <div class="row mb-n3">
                                <div class="col-12 mb-3"><label for="personName">账号:</label><input type="text" name="personName" placeholder="用户名/邮箱/手机号" id="personName" required></div>
                                <div class="col-12 mb-3"><label for="password">密码:</label><input type="password" name="password" placeholder="密码" id="password" required></div>
                                <div class="col-12 mb-3"><label>滑块验证:</label>
                                    <div class="form-inline-input" style="margin: 0;padding: 0;">
                                        <div class="code-box" id="code-box" style="width: 350px;">
                                            <input type="text" name="code" class="code-input" />
                                            <p id="yanZheng"></p>
                                            <span>>>></span>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-12 mb-3">
                                    <div class="row justify-content-between mb-n2">
                                        <div class="col-auto mb-2">
                                            <div class="custom-control custom-checkbox">
                                                <input type="checkbox" name="rememberMe" id="remember-me" value="checkedValue" class="custom-control-input">
                                                <label class="custom-control-label" for="remember-me">记住我</label>
                                            </div>
                                        </div>
                                        <div class="col-auto mb-2"><a href="#">忘记密码?</a></div>
                                    </div>
                                </div>
                                <div class="col-12 mb-3"><input class="btn btn-primary w-100" type="submit" value="登录" id="sub"></div>
                            </div>
                            <div class="row mt-4">
                                <div class="col text-center">
                                    <p class="text-muted">或 选择登录方式</p>
                                    <div class="login-reg-social">
                                        <a href="#"><i class="fa fa-facebook"></i></a>
                                        <a href="#"><i class="fa fa-twitter"></i></a>
                                        <a href="#"><i class="fa fa-pinterest"></i></a>
                                        <a href="#"><i class="fa fa-linkedin"></i></a>
                                    </div>
                                </div>
                            </div>
                        </form>
                    </div>
                    <div class="tab-pane fade" id="signup">
                        <form action="<%=path%>/web/person/signUp" class="signForm">
                            <div class="row mb-n3">
                                <div class="col-12 mb-3"><input type="text" class="personName" name="personName" placeholder="你的账号"></div>
                                <div class="col-12 mb-3"><input type="email" class="personEmail" name="email" placeholder="你的邮箱"></div>
                                <div class="col-12 mb-3"><input type="password" class="personPassword" name="password" placeholder="选择一个密码"></div>
                                <div class="col-12 mb-3">
                                    <input type="text" placeholder="请输入验证码" name="checkCode"  id="myCode" size="20">
                                    <img align="left" src="<%=path%>/web/getCheckCode" id="checkCode" width="100">
                                    <a href="javascript:void(1)" id="refresh" style="line-height: 50px">看不清楚？换一张</a>
                                </div>
                                <span class="col-12 mb-3" id="titleMsg"></span>
                                <div class="col-12 mb-3"><input class="btn btn-primary w-100" type="button" id="signBtn" value="注册"></div>
                            </div>
                            <div class="row mt-4">
                                <div class="col text-center">
                                    <p class="text-muted">或 选择登录方式</p>
                                    <div class="login-reg-social">
                                        <a href="#"><i class="fa fa-facebook"></i></a>
                                        <a href="#"><i class="fa fa-twitter"></i></a>
                                        <a href="#"><i class="fa fa-pinterest"></i></a>
                                        <a href="#"><i class="fa fa-linkedin"></i></a>
                                    </div>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
